@charset "utf8";
/*
This is one of LoNote's default CSS file. You can modified it by your self.

CSS Name:   Light
Version:    2.0
Creator:    Civa Lin

Description:
    Recommended for use in light-colored desktop environment.

How to Use:
    Go to book configure page, add the follow line in "extra head" section...
    
        <link rel="stylesheet" href="/static/css/extra/light.css" />

Modify:
    All selector should start with "#main_content" or may interrupt other LoNote layout.

*/


/* theme changed */
/*
body {
    background-color: #EED;
}
*/

#main_content {
    background-color: white;
}

/* Code Block */
#main_content pre {
    overflow: auto; 
    border-left-style: solid;
    border-left-width: 5px;
    border-left-color: green;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#main_content pre:hover { background-color: #EEF; }

/* Paragraph */
/* #main_content p:before { content: "　　"; } */

/* Link Setting... */
#main_content a:link {
    color: olive;
    /* color: teal; */
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#main_content a:visited {
    color: forestgreen;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

#main_content a:hover {
    color: darkred;
    -moz-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}



/* Blockquote */
blockquote {
    border-radius: 2px;
    background-color: #EEE;
    padding: 20px;
}

/* Indent in webkit: Remove inherit from blockquote */
/* (Only Backward Compatibility) */
blockquote.webkit-indent-blockquote { background-color:transparent; }



/* img & figure */
#main_content img {
    border: 2px solid transparent;
    border-radius: 4px;
    max-width: 100%;

    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    transition-duration: 500ms;
}

#main_content img:hover {
    /* opacity: 0.8; */
    border: 2px solid black;

    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    transition-duration: 200ms;
}

#main_content figcaption {
    font-style: italic;
}
